<template>
	<div class="informationBox">
		<div class="information">
			<div class="informationRight">
				<span class="bah">
					<p>
						ICP备案号：浙ICP备2023000632号 Powered by
						<a href="http://www.jeecms.com">JEECMS</a>
						Copyright
						<br />
						© 2007-
						<span class="new-date">2023</span>
						<a href="http://www.jeecms.com">www.jeecms.com</a>
						, All Rights Reserved
					</p>
				</span>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	data() {
		return {
			dataId: 0,
			list: [
				{
					name: '今日',
					type:0,
				},
				{
					name: '昨天',
					type:1,
				},
				{
					name: '历史峰值',
					type:2,
				},
				{
					name: '累计',
					type:3,
				}
			],
			list2: [
				{
					name: '浏览量',
					val: 0
				},
				{
					name: '访客数',
					val: 0
				},
				{
					name: 'IP数',
					val: 0
				}
			],
			staticsList:[],
			staticsCurrent:{},
		};
	},
	created() {
	},
	methods: {
		getCurrentStaticsList(val, index){
			this.dataId = index
			this.staticsCurrent = this.staticsList.find(item=>item.type == val) || {};
			if(this.staticsCurrent){
				this.list2[0].val = this.staticsCurrent.views;
				this.list2[1].val = this.staticsCurrent.visitors;
				this.list2[2].val = this.staticsCurrent.ipNum;
			}
		},
	}
};
</script>

<style>
.informationBox {
	/* position: fixed; */
	/* bottom: 0; */
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 76px;
	background: #f8f8f8;
	z-index: 100;
}
.information {
	width: 1200px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.informationLeft .informationLeft_top .datetitle {
	cursor: pointer;
	margin-right: 32px;
	height: 14px;
	font-size: 14px;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #666666;
	line-height: 14px;
}
.informationLeft .informationLeft_top .datetitle:hover {
	color: #333333;
}
.informationLeft .informationLeft_top .activ {
	color: #ff3333;
}
.informationLeft .informationLeft_top .activ:hover {
	color: #ff3333;
}
.informationLeft .informationLeft_Bottm {
	margin-top: 16px;
}
.informationLeft .informationLeft_Bottm .vals {
	margin-right: 32px;
	height: 14px;
	font-size: 12px;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #666666;
	line-height: 14px;
}
.informationRight {
	width: 383px;
	height: 40px;
	font-size: 12px;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #666666;
	line-height: 20px;
}
</style>
